html{
    font-size:16px;
}
ul {
    margin: 0px 0px 0px 0px;
}

li {
    font: 17px "微软雅黑";
    color: #333;
    height: 55px;
    border-left: none !important;
    border-right: none !important;
    position: relative;
    line-height: 40px;
}

h3 {
    font: bold 18px '微软雅黑';
    color: #333;
    text-align: center;
    margin: 14px 0px 0px 0px;
    padding-bottom: 13px;
    border-bottom: 1px solid #eee
}

.arrows {
    position: absolute;
    width: 13px;
    height: 13px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    transform: rotate(45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -moz-transform: rotate(-45deg); /* Firefox */
    -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */
    -o-transform: rotate(-45deg); /* Opera */
    right: 18px;
    top: 22px;
}

.fare, .lock, .register, .yearcard, .usermore {
    width: 100%;
    height: 44px;
    background: #f5f5f5;
    font: 14px/44px "微软雅黑";
    color: #999999;
    padding-left: 27px;
}

.ticket, .refund, .billingDetails, .howIn, .failIn, .unLock_timeIn,
.unLockIn, .fogetLockIn, .unPaymentIn, .unReceive_In, .autonym_In,
.autonymFail_In, .invite_In, .ycRule_In, .ycPurchase_In, .seekBike_In,
.parkSite_In {
    margin: 20px 18px 0px 18px;
}

.ticket p, .unReceive_In p, .ticket p, .refund p, .howIn p, .failIn p,
.unLock_timeIn p, .unLockIn p, .fogetLockIn p, .unPaymentIn p,
.invite_In p, .ycRule_In, .ycPurchase_In p, .seekBike_In p,
.parkSite_In p {
    font: 14px "微软雅黑";
    color: #333333;
    line-height:1.7rem;
}
/*.ticket p:nth-child(2),.unReceive_In p,.ticket p:nth-child(3),.refund p:nth-child(2),.howIn p:nth-child(2),.howIn p:nth-child(1),.failIn p,.unLock_timeIn p,.unLockIn p,.fogetLockIn p,.unPaymentIn p,.invite_In p,.ycRule_In,.ycPurchase_In p,.seekBike_In p,.parkSite_In p{
			font:14px "微软雅黑";
			color:#333333;
		}*/
.ticket p:nth-child(1), .refund p:nth-child(1) {
    font: 17px "微软雅黑" !important;
    color: #666666 !important;
}

.list-group-item1 {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    border: 1px solid #eee;
    background-color: #ffffff;
    cursor: pointer;
}
.userHide{
    width: 100%;
    padding: 0px 18px;
    color: #999;
    vertical-align: center;
    background: #fff;
    box-sizing: border-box;
    display: none;
}
.userHide p{
    margin: 0px;
    padding: 10px 0;
    font-size: 12px;
}
.wechartBord{
    width: 100%;
}
.wechartContent{
    width:100%;
    height:468px;
    margin:0 auto;
}
.goldCardImg{
    /*background-image: url(../img/app/card_bg_golden@2x.png);*/
    /*background-repeat:no-repeat;*/
    /*background-position: center;*/
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    width: 100%;
    height:468px;
}
.imgCard{
    width:100%;
    z-index:-1;
    position: relative;
}
.silverCardImg{
    /*background-image: url(../img/app/card_bg_silver@2x.png);*/
    /*background-repeat:no-repeat;*/
    width: 100%;
    height:468px;
}
.cardSpan{
    font-size: 0.875rem;
    display: inline-block;
    color: #fff;
    padding-left: 39%;
    position: absolute;
    top:18vw;
}
.cardMoney{
    position: absolute;
    width: 50vw;
    top: 49vw;
    left: 5%;
}
.moneyOld{
    font-size: 1.0625rem;
    color: #999999;
    padding-left: 9%;
    text-decoration: line-through;
}
.moneyNow{
    font-size: 1.875rem;
    color: #666666;
    padding-left: 1.5%;
}
.wechartFoot{
    position: fixed;
    bottom:0;
    border-top: 2px solid #eeeeee;
    width: 100%;
}
.pay{
    padding: 28px 10px;
    font-size: 1.0625rem;
    color: #666666;
    float: left;
}
.moneycon{
    color: #f86748;
}
.toPay{
    float: right;
    width: 131px;
    padding: 28px 0;
    text-align: center;
    background: #f86748;
    color: #fff;
    font-size: 1.0625rem;
}